<template>
    <div class="report-management-page">
      <el-header class="page-header">
        <h1>用户举报信息管理</h1>
      </el-header>
      <el-main>
        <ReportList
          :loading="loading"
          :reportList="reportList"
          @view-report="handleViewReport"
          @handle-report="handleHandleReport"
          @delete-report="handleDeleteReport"
          @batch-delete="handleBatchDelete"
        />
      </el-main>
    </div>
  </template>

  <script setup>
  import { ref, onMounted } from 'vue'
  import ReportList from '@/views/ReportList.vue'



  </script>

  <style scoped>
  .page-header {
    padding: 20px;
    background-color: #f5f7fa;
    border-bottom: 1px solid #ebeef5;
  }

  .page-header h1 {
    margin: 0;
    font-size: 24px;
    color: #303133;
  }
  </style>
